@import '~antd/dist/antd.less';
body > iframe {
  display: none; //仅仅是开发环境使用，后续与其他css冲突可以直接删除
}

body {
  margin: 0;
  padding: 0;
  font-family: 'PingFang SC', 'Lantinghei SC', 'Microsoft YaHei', 'HanHei SC', 'Helvetica Neue',
    'Open Sans', Arial, 'Hiragino Sans GB', '微软雅黑', STHeiti, 'WenQuanYi Micro Hei', SimSun,
    sans-serif;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  li,
  ol,
  ul,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .hidden {
    display: none;
  }
  .nameValueFlex {
    display: flex;
    .names {
      width: 70px;
      flex: none;
      text-align: right;
      // text-align: justify;
      // text-align-last: justify;
    }
    .values {
      // width: 200px;
      flex: auto;
    }
  }
  #app {
    .ant-form-item-with-help .ant-form-item-explain {
      margin-top: -2px;
      font-size: 12px;
    }
    .anTopSearchForm {
      .ant-row.ant-form-item {
        margin-bottom: 16px;
      }
      .ant-col.ant-form-item-control {
        height: 32px;
        .ant-form-item-control-input-content {
          width: 230px;
          .ant-picker {
            width: 230px;
          }
        }
      }
      .ant-form-item-label {
        width: 120px;
      }
      .searchBtnBox {
        width: 100%;
        text-align: right;
      }
    }
  }
  .center {
    text-align: center;
  }
  .grayLine {
    height: 10px;
    background: #dddddd;
  }
  .grayLine1 {
    height: 1px;
    background: #dddddd;
  }
  .border {
    border: 1px solid #e5e9ea;
  }
  .fff {
    background: #fff;
  }
  .pageBox {
    margin: 10px;
    // min-height: calc(100vh - 80px);
  }
  .pad20 {
    padding: 20px;
  }
  .pad20-0 {
    padding: 20px 0;
  }
  .marg20 {
    margin: 20px;
  }
  .marg10 {
    margin: 10px;
  }
  .margT10 {
    margin-top: 10px;
  }
  .margT15 {
    margin-top: 15px;
  }
  .margT20 {
    margin-top: 20px;
  }
  .marg020 {
    margin: 0 20px;
  }
  .anTableBox {
    padding: 20px;
    background: #fff;
    .tableBtns {
      margin-bottom: 20px;
    }
  }
  .fff {
    background: #fff;
  }
  .biaodemingxi {
    .itemBox {
      padding: 10px;
      .item {
        display: flex;
        margin: 20px 0;
        & > div {
          display: flex;
          flex: 1;
          .name {
            width: 100px;
            flex: none;
            text-align: right;
          }
          .value {
            padding-left: 5px;
            flex: auto;
            word-break: break-all;
          }
        }
      }
    }
  }
  .publicH1Box {
    border: 1px solid #e5e9ea;
    h1 {
      border-bottom: 1px solid #e5e9ea;
      background: #f7f8f9;
      font-size: 16px;
      padding: 10px;
    }
    .itemBox {
      padding: 10px;
      .item {
        display: flex;
        margin: 20px 0;
        & > div {
          display: flex;
          flex: 1;
          .name {
            width: 136px;
            flex: none;
            text-align: right;
          }
          .value {
            padding-left: 5px;
            flex: auto;
            word-break: break-all;
          }
        }
      }
    }
  }
  .publicH2Box {
    // 这个强制每行3个 每个占比33.33%
    border: 1px solid #e5e9ea;
    h2 {
      border-bottom: 1px solid #e5e9ea;
      background: #f7f8f9;
      font-size: 16px;
      padding: 10px;
    }
    .item {
      display: flex;
      flex-wrap: wrap;
      margin: 20px 0 5px 0;
      & > div {
        display: flex;
        width: 33.333%;
        margin-bottom: 15px;
        .name {
          width: 136px;
          flex: none;
          text-align: right;
        }
        .value {
          padding-left: 5px;
          flex: auto;
          word-break: break-all;
        }
      }
    }
  }
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}
